<html>
	<head>
		<title>Seapower</title>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700' rel='stylesheet' type='text/css'>
		<link type="text/css" rel="stylesheet" media="all" href="css/style.css" />
		<link type="text/css" rel="stylesheet" media="all" href="css/hp.css" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/hp.js"></script>
		
		
		<!-- Owl Carousel (http://owlgraphic.com/owlcarousel/) -->
		<link href="lib/owl-carousel/owl.carousel.css" rel="stylesheet">
		<link href="lib/owl-carousel/owl.theme.css" rel="stylesheet">
		<link href="lib/owl-carousel/owl.transitions.css" rel="stylesheet">	
		<script src="lib/owl-carousel/owl.carousel.js"></script>
	</head>	
	<body>
		<div class="container">
			<div class="header">
				<div class="region region-header clearfix">
					<div class="block block-block clearfix" id="block-block-2">    
						<div class="content">
							<div class="logo"></div>
						</div>
					</div>
					<div class="block block-search clearfix" id="block-search-form">   
						<div class="content">
							<form accept-charset="UTF-8" id="search-block-form" method="post" action="/it">
								<div>
									<style>
										label.element-invisible{
											display:none;
										}
										#edit-actions {
											display:none;
										}
										/*
										.form-item-search-block-form {
											display:none;
										}
										*/
									</style>
									<div class="cerca">
										<a href="#" class="closed">
											<img src="images/cerca.png">
										</a>
										<div class="form-item form-type-textfield form-item-search-block-form">
											<label for="edit-search-block-form--2" class="element-invisible">Cerca </label>
											<input type="text" class="form-text" maxlength="128" size="15" value="" name="search_block_form" id="edit-search-block-form--2" title="Inserisci i termini da cercare.">
										</div>
										<div id="edit-actions" class="form-actions form-wrapper">
											<input type="submit" class="form-submit" value="Cerca" name="op" id="edit-submit">
										</div>
										<input type="hidden" value="form-MCed_WM8fsCbM5ldK9gH2qvbnaFCKB3WW-BfdAxMfPU" name="form_build_id">
										<input type="hidden" value="search_block_form" name="form_id">
										
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
			
			<!-- Menu navigazione -->								
			<nav>
				<div class="nav">
					<div class="region region-navbar">
						<div class="block block-system block-menu clearfix" id="block-system-main-menu">   
							<div class="content">
								<ul class="menu">
									<li class="first leaf"><a href="/it/contatti">Contatti</a></li>
									<li class="expanded"><a href="/it/ors">Energia da mari e fiumi</a>
										<ul class="menu" style="left: 5733px; display: none;">
											<li class="first leaf"><a href="/it/gem">GEM 1</a></li>
											<li class="leaf"><a href="/it/gem">GEM 2</a></li>
											<li class="leaf"><a href="/it/gem">GEM 3</a></li>
											<li class="leaf"><a href="/it/gem">GEM 2</a></li>
											<li class="leaf"><a href="/it/gem">GEM 3</a></li>
											<li class="leaf"><a href="/it/gem">GEM 2</a></li>
											<li class="leaf"><a href="/it/gem">GEM 3</a></li>
											<li class="last leaf"><a href="/it/gem">Energia da mari</a></li>
										</ul>
									</li>
									<li class="leaf"><a href="/it/wt">Energia dal vento</a></li>
									<li class="last leaf"><a href="/it/node/8">Consulenza Tecnica</a></li>
								</ul>  
							</div>
						</div>
					</div>
				</div>
			</nav>
			<!-- /Menu navigazione -->
			
			<!-- Content Principale -->
			<div class="content">
				<!-- Galleria che compone l'header -->
				<div class="galleria">
					<!-- Contenitore Elementi Galleria -->
					<div class="owl-carousel contenitore_galleria" id="owl-galleria">						
						<div class="item elemento_galleria" id="elemento-galleria_1">
							<div class="immagine">
								<img src="images/sea.jpg" />
							</div>
							<div class="contenuto">						
								<div class="icona">
									<img src="images/onde.png" />
								</div>
								<div class="titolo">
									Ocean and river systems
								</div>
								<div class="testo">
									Lorem Ipsum dolor sit.
								</div>							
							</div>
						</div>
						<div class="item elemento_galleria" id="elemento-galleria_2">
							<div class="immagine">
								<img src="images/vento.png" />
							</div>
							<div class="contenuto">
								<div class="icona">
									<img src="images/eolico.png" />
								</div>
								<div class="titolo">
									Wind turbines
								</div>
								<div class="testo">
									Lorem Ipsum dolor sit amet.
								</div>
							</div>
						</div>
						<div class="item elemento_galleria" id="elemento-galleria_3">
							<div class="immagine">
								<img src="images/vento.png" />
							</div>
							<div class="contenuto">
								<div class="icona">
									<img src="images/eolico.png" />
								</div>
								<div class="titolo">
									Wind turbines 2
								</div>
								<div class="testo">
									Lorem Ipsum dolor sit amet.
								</div>
							</div>
						</div>
						<div class="item elemento_galleria" id="elemento-galleria_4">
							<div class="immagine">
								<img src="images/vento.png" />
							</div>
							<div class="contenuto">
								<div class="icona">
									<img src="images/eolico.png" />
								</div>
								<div class="titolo">
									Wind turbines 3
								</div>
								<div class="testo">
									Lorem Ipsum dolor sit amet.
								</div>
							</div>
						</div>
						<div class="item elemento_galleria" id="elemento-galleria_5">
							<div class="immagine">
								<img src="images/vento.png" />
							</div>
							<div class="contenuto">
								<div class="icona">
									<img src="images/eolico.png" />
								</div>
								<div class="titolo">
									Wind turbines 4
								</div>
								<div class="testo">
									Lorem Ipsum dolor sit amet.
								</div>
							</div>
						</div>
								
					</div>
					<!-- /Contenitore  Elementi Galleria -->
					<div class="clear"></div>
					<!-- Contenitore pulsanti galleria -->
					
					<div class="owl-carousel contenitore_scopri" id="owl-scopri">
						<div class="item scopri scopri_bianco" id="scopri_galleria_1">
							<a href="#">DISCOVER</a>
						</div>
						<div class="item scopri scopri_bianco" id="scopri_galleria_2" style="visibility: hidden;">
							<a href="#">DISCOVER</a>
						</div>
						<div class="item scopri scopri_bianco" id="scopri_galleria_3">
							<a href="#">DISCOVER</a>
						</div>
						<div class="item scopri scopri_bianco" id="scopri_galleria_4">
							<a href="#">DISCOVER</a>
						</div>
						<div class="item scopri scopri_bianco" id="scopri_galleria_5">
							<a href="#">DISCOVER</a>
						</div>
					</div>
					<!-- /Contenitore pulsanti galleria -->
					
					<!-- Pulsantiera Galleria -->					
					<div class="pulsanti_scorrimento">
						<a class="prev"><img src="images/previous_quadrato_w.png" /></a>
						<div class="conteggio_pagina">1/2</div>
						<a class="next"><img src="images/next_quadrato_w.png" /></a>
					</div>
					<!-- /Pulsantiera Galleria -->
					
					<!-- Scelta lingua -->					
					<div class="scelta_lingua">
						<a href="#" class="eng">ENG</a>|<a href="#" class="ita">ITA</a>
					</div>
					<!-- /Scelta lingua -->
					
				</div>
				<!-- /Galleria che compone l'header -->
				
				<div class="clear"></div>				
				
				<!-- Visore con la galleria divisa in 2 (immagine/testo) -->
				<div class="visore_centrale">
					<div class="owl-carousel contenitore_progetto" id="owl-progetti">
						<div class="item elemento_progetto" id="progetto_1"> 
							<!-- Lato SX -->
							<div class="left">
								<div class="immagine">
									<img src="images/our_projects.png" />
								</div>
								<div class="titolo_sezione">
									<div class="icona"><img src="images/compasso.png" /></div>
									<div class="testo">Our projects</div>	
								</div>
							</div>
							<!-- /Lato SX -->
							
							<!-- Lato DX -->
							<div class="right">									
								<div class="logo">
								</div>
								<div class="testo">
									<div class="titolo">
									GEM
									</div>
									<div class="descrizione">
										Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
										Aliquam semper arcu a facilisis pretium. Maecenas euismod 
										bibendum nunc ut posuere. Nam mauris ante, malesuada nec 
										nibh in, fringilla iaculis eros. 
									</div>
								</div>
								<div class="scopri">
									<a href="#">DISCOVER</a>
								</div>
							</div>
						</div>
						<div class="item elemento_progetto" id="progetto_2"> 
							<!-- Lato SX -->
							<div class="left">
								<div class="immagine">
									<img src="images/our_projects_2.png" />
								</div>
								<div class="titolo_sezione">
									<div class="icona"><img src="images/compasso.png" /></div>
									<div class="testo">Our projects</div>	
								</div>
							</div>
							<!-- /Lato SX -->
							
							<!-- Lato DX -->
							<div class="right">									
								<div class="logo">
								</div>
								<div class="testo">
									<div class="titolo">
									GEM 2
									</div>
									<div class="descrizione">
										Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
										Aliquam semper arcu a facilisis pretium. Maecenas euismod 
										bibendum nunc ut posuere. Nam mauris ante, malesuada nec 
										nibh in, fringilla iaculis eros 2. 
									</div>
								</div>
								<div class="scopri">
									<a href="#">DISCOVER</a>
								</div>
							</div>
						</div>
						<div class="item elemento_progetto" id="progetto_3"> 
							<!-- Lato SX -->
							<div class="left">
								<div class="immagine">
									<img src="images/our_projects.png" />
								</div>
								<div class="titolo_sezione">
									<div class="icona"><img src="images/compasso.png" /></div>
									<div class="testo">Our projects</div>	
								</div>
							</div>
							<!-- /Lato SX -->
							
							<!-- Lato DX -->
							<div class="right">									
								<div class="logo">
								</div>
								<div class="testo">
									<div class="titolo">
									GEM 3
									</div>
									<div class="descrizione">
										Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
										Aliquam semper arcu a facilisis pretium. Maecenas euismod 
										bibendum nunc ut posuere. Nam mauris ante, malesuada nec 
										nibh in, fringilla iaculis eros 3. 
									</div>
								</div>
								<div class="scopri">
									<a href="#">DISCOVER</a>
								</div>
							</div>
						</div>
					</div>							
					<div class="pulsanti_scorrimento">
						<a class="prev_progetti"><img src="images/previous_quadrato_b.png" /></a>
						<div class="conteggio_pagina">1/2</div>
						<a class="next_progetti"><img src="images/next_quadrato_b.png" /></a>
					</div>	
					
				</div>
				<!-- /Lato dX -->
				
				<!-- /Visore -->
				
				<div class="clear"></div>
				
				<!-- Contenitore Centrale) -->
				<div class="contenuto_centrale">
				
					<!-- Team -->
					<div class="team">
						<div class="contenuto">
							<div class="titolo_sezione">
								<div class="icona"><img src="images/team.png" /></div>
								<div class="testo">The team</div>	
							</div>
							<div class="clear"></div>
							<div class="logo">
								<div class="icona">
									<img src="images/logo_univ.png" />
								</div>
								<div class="testo">
									universit&agrave; Federico II di Napoli
								</div>
							</div>
							<div class="clear"></div>
							<div class="testo_team">
								<div class="titolo">
									Lorem ipsum
								</div>
								<div class="clear"></div>
								<div class="descrizione">
									Lorem ipsum dolor sit amet consecatur imnem del faticae.
								</div>
							</div>
							<div class="scopri scopri_bianco">
								<a href="#">DISCOVER</a>
							</div>
						</div>
					</div>
					<!-- /Team -->
					
					
					
					
					<!-- News -->
					<div class="news">
						<div class="contenuto">
							<div class="titolo_sezione">
								<div class="icona"><img src="images/news.png" /></div>
								<div class="testo">News</div>	
							</div>
							
							<div class="clear"></div>
							
							<!-- contenitore news -->
							<div class="contenitore_news">
								<!-- news 1 -->
								<div class="elemento_news" id="news_1">
									<div class="testo_news">
										<div class="titolo">
											Lorem ipsum
										</div>
										<div class="clear"></div>
										<div class="descrizione">
											Lorem ipsum dolor sit amet consecatur imnem del faticae.
										</div>
									</div>
									<div class="scopri scopri_bianco">
										<a href="#">DISCOVER</a>
									</div>
								</div>
								<div class="clear"></div>
								<!-- /news 1 -->
								
								<!-- news 2 -->
								<div class="elemento_news" id="news_2">
									<div class="testo_news">
										<div class="titolo">
											Lorem ipsum 2
										</div>
										<div class="clear"></div>
										<div class="descrizione">
											Lorem ipsum dolor sit amet consecatur imnem del faticae 2.
										</div>
									</div>
									<div class="scopri scopri_bianco">
										<a href="#">DISCOVER</a>
									</div>
								</div>
								<div class="clear"></div>
								<!-- /news 1 -->
							</div>
							<!-- /contenitore news -->						
						</div>
					</div>
					<!-- /News -->
					
				</div>
				<!-- /Visore -->
				
				<div class="clear"></div>
				
			</div>
			<!-- /Content principale -->
			
			<!-- Footer -->
			<footer>
				<div class="footer">
					
					<!-- Lato SX -->
					<div class="left">
						<div class="titolo">
							SeaPower
						</div>
						<div class="descrizione">
							societ&agrave; consortile a responsabilit&agrave; limitata di ricerca per energia da fonti rinnovabili<br />
							Via Giuseppe Fiorelli 14 - 80121 - Napoli<br />
							p.i. e c.f. 06704871216  -  Cap. soc. 100.000,00 &euro;
						</div>
						
					</div>
					<!-- /Lato SX -->
					
					<!-- Lato DX -->
					<div class="right">
						<div class="telefono">
							0817683578
						</div>
						<div class="mail">
							contact@seapowerscrl.com
						</div>
					</div>
					<!-- /Lato dX -->
					
				</div>
			</footer>
			<!-- /Footer -->
		</div>
	 
	
	</body>
</html>
